<!doctype html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
	<title>login</title>
	<link rel="stylesheet" type="text/css" href="__CSS__/default.css">
	<link href="__CSS__/font-awesome.min.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="__CSS__/index/styles.css">

	<style>
	.error{
		list-style: none;
	}
</style>
</head>
<body>
<div class='login'>
	<button style="position: absolute;top: 4px;left: 19px;" class="button button-large button-plain button-border button-circle"><a href="#" onClick="javascript :history.back(-1);"><i class="fa fa-reply"></i></a></button>
	<div class='login_title'>
		<span>账号登录</span>
	</div>
	<form action="{:url('Login/login')}" id="form" method="post">
		<div class='login_fields'>
			<div class='login_fields__user'>
				<div class='icon'>
					<img src='__IMAGES__/index/user_icon_copy.png'>
				</div>
				<!--<input placeholder='验证码' id="yzm" onblur="yzyam(this)" type='text'>-->
				<input placeholder='手机号' name="phone" id="phone" onblur="phoness(this)" type='text'>
				<div class='validation'>
					<img src='__IMAGES__/index/tick.png'>
				</div>
			</div>
			<span id="yzyzm"></span>
			<div class='login_fields__password'>
				<div class='icon'>
					<img src='__IMAGES__/index/lock_icon_copy.png'>
				</div>
				<input placeholder='密码' name="password" onblur="pazswera(this)" type='password'>
				<div class='validation'>
					<img src='__IMAGES__/index/tick.png'>
				</div>
			</div>
			<span id="pazswera"></span>
			<div class='login_fields__submit'>
				<input type='submit' value='登录'>
				<div class='forgot'>
					<a style="text-decoration:none;" href="{:url('Index/register')}">注册？</a> <a style="text-decoration:none;" href="{:url('Login/forgot')}">忘记密码?</a>
				</div>
			</div>
		</div>
	</form>
	<div class='disclaimer'>
		<a href="{:url('Wechat/index')}"><i class="fa fa-weixin"></i></a>
		<a href=""><i class="fa fa-qq"></i></a>
		<p>Lorem ipsum dolor sit nec.</p>
	</div>
</div>

<script type="text/javascript" src="__JS__/jquery-3.2.1.min.js"></script>
<script src="__JS__/1.js"></script>
<script src="__JS__/login.js"></script>
<script>
	function phoness(obj){
		if($(obj).val()!=""){
			$("#yzyzm").html("<span><i style='color: #009900;position: absolute; top: 10px;right: 0;' class='fa fa-check'></i></span>");
		}
	}
	function pazswera(obj){
		if($(obj).val()!=""){
			$("#pazswera").html("<span><i style='color: #009900;position: absolute;z-index: 1233; top: 45px;right: 0;' class='fa fa-check'></i></span>");
		}
	}
</script>
</body>
</html>